<template>
  <div class="poster-poster" v-if="status === false">
    <div class="tip">
      <span class="iconfont icon-shuoming"></span>提示：长按图片保存至手机相册
    </div>
    <div class="poster"><img :src="image" /></div>
  </div>
</template>
<style scoped>
  .poster-poster {
    height: unset !important;
  }
</style>

<script>
  import { getBargainPoster, getCombinationPoster } from "@api/activity";

  export default {
    name: "Poster",
    components: {},
    props: {},
    data: function() {
      return {
        status: true,
        id: 0,
        image: ""
      };
    },
    mounted: function() {
      var that = this;
      var id = that.$route.params.id;
      var type = that.$route.params.type;
      that.id = id;
      if (type == 2) that.getBargainPoster();
      else that.getCombinationPoster();
    },
    methods: {
      getBargainPoster: function() {
        var that = this;
        getBargainPoster({ id: that.id, from: "wechat" })
                .then(res => {
                  that.image = res.data.shareimg;
                  that.status = false;
                })
                .catch(res => {
                  that.$dialog.error(res.msg);
                });
      },
      getCombinationPoster: function() {
        var that = this;
        getCombinationPoster({ id: that.id, from: "wechat" })
                .then(res => {
                  that.image = res.data.shareimg;
                  that.status = false;
                })
                .catch(res => {
                  that.$dialog.error(res.msg);
                });
      }
    }
  };
</script>
